/*
 * 
 */

.popup {
	top:35px;
	right:0px;
	width:200px;
	padding-top:0px;
	border:5px solid #000000;
	border-top:0px;
	background-color:#000;	
	position:absolute;
	z-index:100;
	padding-bottom:4px;
}
.popup.constrained {
	height:150px;
	width:200px;
	overflow:auto;
	padding:0px;
	padding-right:5px;
}
.popup-trigger{
	
	width:26px;
	height:26px;

	font-weight:bold;
	
	color:#fff;
	background:#242424 url(../img/open.png) no-repeat 5px 5px;
	border:1px solid black;
	-moz-border-radius:5px;
	
	position:absolute;
	right:5px;
	top:5px;	
}

.popup-trigger.opened {
	background:#242424 url(../img/close.png) no-repeat 5px 5px;
}

.popup-trigger:hover{
	background-color:#353535;
}

.tab {
	background:transparent url(../img/tab.jpg) repeat-x 0px 0px;
	display:inline-table;
	margin-right:5px;
	margin-top:5px;
	/*-moz-border-radius:5px;*/
	
}
.tab.menuitem {
	display:block;
	width:100%;
	height:25px;
	margin:0px;
	margin-top:5px;
}
.tab.menuitem .tab-close{
	display:none;
}
.tab.menuitem .tab-left{
	display:block;
	/*width:100%;*/
}
.tab.menuitem .tab-right{
	display:block;
	/*width:100%;*/
}

.tab:hover {
	background-color:#353535;
}
.notified {
	color:#000;
	text-decoration:blink;
}
.tab:hover {
	background:transparent url(../img/tab-over.jpg) repeat-x 0px 0px;
}
.tab:hover .tab-left {
	background:transparent url(../img/tab-left-over.jpg) no-repeat 0px 0px;
}
.tab:hover .tab-right {
	background:transparent url(../img/tab-right-over.jpg) no-repeat top right;
}

.tab.notified {
	background:transparent url(../img/tab-notified.gif) repeat-x 0px 0px;
}
.tab.notified .tab-left {
	background:transparent url(../img/tab-left-notified.gif) no-repeat 0px 0px;
}
.tab.notified .tab-right {
	background:transparent url(../img/tab-right-notified.gif) no-repeat top right;
}

.tab.selected {
	background:transparent url(../img/tab-selected.jpg) repeat-x 0px 0px;
}
.tab.selected .tab-left {
	background:transparent url(../img/tab-left-selected.jpg) no-repeat 0px 0px;
}
.tab.selected .tab-right {
	background:transparent url(../img/tab-right-selected.jpg) no-repeat top right;
}


.tab-left {
	width:auto;
	display:inline-table;
	background:transparent url(../img/tab-left.jpg) no-repeat 0px 0px;
}

.tab-right {
	width:auto;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	display:inline-table;
	vertical-align:middle;
	background:transparent url(../img/tab-right.jpg) no-repeat top right;
}
.tab-right a {
	color:#ccc;
}

.tab.selected .tab-right a {
	color:#000;
}
.tab.notified .tab-right a {
	color:#000;
}
.tab-close {
	margin-left:8px;
	
}